<template>
  <div class="img-list">
      <div v-for="imgItem in imgItems" class="img-list-item">
        <img :src="imgItem" alt="" @load="imgFinishLoad">
      </div>
  </div>
</template>

<script>

  import {debounce} from "../../../../common/Utils";
  import {ImgFinishLoadMixin} from "../../../../common/mixin";

  export default {
    name: "HomeDetailImgList",
    props:{
      imgItems:{
        type:Array,
        default(){

          return []
        }
      }
    },
    mixins:[ImgFinishLoadMixin],
    data:function(){

      return {

      }
    },
    mounted:function () {


    },
    methods:{



    }
  }
</script>

<style scoped>

  .img-list{

    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
  }

  .img-list-item img{
    width: 100%;
  }




</style>
